<?php if(time() <= strtotime("2013-08-20 19:30:00") && !isset($_GET['dev'])):?>
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>FABULOUS Things will happen HERE!</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://static.you2play.com/2013/assets/js/jquery.countdown.js"></script>

    <script type="text/javascript">
      $(function() {
        var endDate = "August 20, 2013 19:30:00";

        $('.countdown.simple').countdown({ 
			date: endDate,
          	render: function(data) {
            	$(this.el).html("<div class='date'>" + this.leadingZeros(data.days, 2) + " <span>days</span></div><div class='date'>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div><div class='date'>" + this.leadingZeros(data.min, 2) + " <span>min</span></div><div class='date'>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
          	}			
		});
      });
    </script>
    <meta property="fb:app_id" content="460477277322423" />
	<meta property="og:image" content="http://static.you2play.com/2013/assets/images/home/you2playparty/logo.png" />
	<link rel="image_src" href="http://static.you2play.com/2013/assets/images/home/you2playparty/logo.png" />
  </head>
  <body>
    <div id="container">
      <h1>FABULOUS Things will happen HERE!</h1>
      <div class="countdown simple"></div>
    </div>
  </body>
</html>
<?php else:?>
<!doctype html>
<html>
  <head>
  	 <meta charset="utf-8">
  	<title>Bacardi Presents You2Play Party REVOLUCION!</title>
    <meta name="title" content="You2Play Party : Revolucion รวมผลเหล่าขบถทางดนตรี ฉีกกฏปาร์ตี้แบบเดิม ๆ" />
    <meta name="keywords"  content="Concert, Party, คอนเสิร์ต, ปาร์ตี้, Revolution, Potter Robinson, Southside, 22bullets, Bacardi, You2play" />
    <meta name="description" content="ฟังเพลงออนไลน์ เพลงใหม่ล่าสุด ดูหนัง คลิปวีดีโอ MV เนื้อเพลง คอร์ดเพลง ข่าวบันเทิง ดารา แฟชั่น" />
	<meta property="fb:app_id" content="460477277322423" />
	<meta property="og:title" content="Bacardi Presents You2Play Party REVOLUCION!" />
	<meta property="og:image" content="http://static.you2play.com/2013/assets/images/home/you2playparty/logo.png" />
	<meta property="og:description" content="รวมพลเหล่าขบถทางดนตรี ฉีกกฏปาร์ตี้แบบเดิมๆ - ร่วมปฏิวัติทุกกฏเกณฑ์ของดนตรี แล้วปาร์ตี้ไปกับเรา ดีเดย์ 9 ตุลาคม 2556 ตั้งแต่เวลา 18:00 น.เป็นต้นไป ณ เซ็นเตอร์พ้อยท์ สตูดิโอ (ลาซาล)" />
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-16730596-1']);
		_gaq.push(['_setDomainName', 'you2play.com']);
		_gaq.push(['_trackPageview']);

		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
	<script type="text/javascript">
		_gaq.push(['_trackEvent', ''+window.location.hostname+'', 'view', 'you2playparty']);
	</script>	
    <!--Load Js-->
    <?php 
    if(!empty($js)):
  		foreach($js as $value):
   			if(file_exists(realpath(@$this->config->item('path_asset_url').'assets/js/'.$value)) && !empty($value)):
   				echo js_asset($value)."\n";				
     		endif;
		endforeach;
    endif;
    ?>
    <!--Load Css-->
    <?php 
    if(!empty($css)):
		foreach($css as $value):
			if(file_exists(realpath(@$this->config->item('path_asset_url').'assets/css/'.$value)) && !empty($value)):
				echo css_asset($value,'', array('media'=>'all'))."\n";			
			endif;
		endforeach;
    endif;
    ?>	
  </head>
  <body>
 	<div id="wrapper">
		<div id="container">
			<div id="header">
				<div id="truehits">
					<iframe src="<?php echo base_url('truehitsstat.php');?>" width="14" height="17" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="true"></iframe>
				</div>
				<div id="mediaPlayer_frame">
					<div id="mediaPlayer"></div>
				</div>			
			</div>
			<div id="video_slider">
				<div class="cycleElementsContainer" id="slider">
					<div id="cycle-prev" class="arrow left"></div>
					<div class="slider">
						<ul>
							<li>
								<a href="javascript:void(0);" class="playlist">
									<div class="image">
										<img src="http://static.you2play.com/2013/assets/images/home/you2playparty/video3.jpg" width="155" height="85" />
									</div>
									<span class="icon_play"></span>
									<span class="slider_frame"></span>
								</a>
							</li>						
							<li>
								<a href="javascript:void(0);" class="playlist">
									<div class="image">
										<img src="http://static.you2play.com/2013/assets/images/../uploads/video/images/original/2480fc6481f7148a4a6bc6127cabbb3c.jpg" width="155" height="85" />
									</div>
									<span class="icon_play"></span>
									<span class="slider_frame"></span>
								</a>
							</li>						
							<li>
								<a href="javascript:void(0);" class="playlist">
									<div class="image">
										<img src="http://static.you2play.com/2013/assets/images/home/you2playparty/video1.jpg" width="155" height="85" />
									</div>
									<span class="icon_play"></span>
									<span class="slider_frame"></span>
								</a>
							</li>						
							<li>
								<a href="javascript:void(0);" class="playlist">
									<div class="image">
										<?php echo exec_image(array(
												'folder' => 'video',
												'dimension' => '155x85',
												'file_name' => 'df022ae80b4d197fdb9cf37d5cb20455.png',
												'alt' => 'REVOLUCION',	
												'title' => 'REVOLUCION'	
											)
										);?>
									</div>
									<span class="icon_play"></span>
									<span class="slider_frame"></span>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);" class="playlist">
									<div class="image">
										<?php echo exec_image(array(
												'folder' => 'video',
												'dimension' => '155x85',
												'file_name' => '9875ca95c76914e24eb2b4b8a594eec1.jpg',
												'alt' => 'REVOLUCION',	
												'title' => 'REVOLUCION'	
											)
										);?>
									</div>
									<span class="icon_play"></span>
									<span class="slider_frame"></span>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);" class="playlist">
									<div class="image">
										<?php echo exec_image(array(
												'folder' => 'video',
												'dimension' => '155x85',
												'file_name' => '68afff38cda0c22b2b32aeb3e163b95a.jpg',
												'alt' => 'REVOLUCION',	
												'title' => 'REVOLUCION'	
											)
										);?>
									</div>
									<span class="icon_play"></span>
									<span class="slider_frame"></span>
								</a>
							</li>																					
						</ul>
					</div>
					<div id="cycle-next" class="arrow right"></div>
				</div>
			</div>
			<div id="info">
				<div class="infoLeft">
					<h1>Bacardi Presents You2Play Party REVOLUCION!</h1>
					<h2>รวมพลเหล่าขบถทางดนตรี ฉีกกฏปาร์ตี้แบบเดิมๆ ...</h2>
					<span class="font22">ร่วมปฏิวัติทุกกฏเกณฑ์ของดนตรี แล้วปาร์ตี้ไปกับเรา ดีเดย์ 9 ตุลาคม 2556</span><br />
					<span class="font22">ตั้งแต่เวลา 18:00 น.เป็นต้นไป ณ เซ็นเตอร์พ้อยท์ สตูดิโอ (ลาซาล)</span>&nbsp;&nbsp;<a href="http://news.you2play.com/calendar/archives/2232-bacardi-presents-you2play-party-revolucion-บาคาร์ดี้-พรีเซ็นต์ส-ยูทูเพลย์-ปาร์ตี้-เรฟโวลูชั่น" target="_blank" class="btnMore"></a>
				</div>
				<div class="infoRight">
					<a href="<?php echo image_asset_url('home/you2playparty/map.png');?>" rel="gallery"><?php echo image_asset('home/you2playparty/info.jpg','',array('width' => 264,'height' => 147));?></a>
				</div>				
			</div>
			<div id="ticket">
				<a href="http://www.thaiticketmajor.com/concert/concert-detail.php?sid=2021&la=en" target="_blank">
					<?php echo image_asset('home/you2playparty/ticket.jpg','',array('width' => 320,'height' => 112));?>
				</a>
				<div class="description">			
					<span class="font22">สิทธิพิเศษจองบัตรล่วงหน้าราคา</span> <span class="font32">800</span> <span class="font22">บาท, หน้างาน</span> <span class="font32">1,000</span> <span class="font22">บาท</span><br />
					<span class="font32">จองบัตรได้แล้ววันนี้ไทยทิคเก็ตเมเจอร์ทุกสาขา &raquo;</span>
				</div>
			</div>
			<div id="artist">
				<a href="<?php echo $artist_url.'summary/7069-southside';?>" target="_blank">
					<?php echo image_asset('home/you2playparty/artist01.jpg','',array('width' => 330,'height' => 195));?>
				</a>
				<a href="<?php echo $artist_url.'summary/8313-porter-robinson';?>" target="_blank">
					<?php echo image_asset('home/you2playparty/artist02.jpg','',array('width' => 330,'height' => 195));?>
				</a>
				<a href="<?php echo $artist_url.'summary/8206-22bullets';?>" target="_blank">
					<?php echo image_asset('home/you2playparty/artist03.jpg','',array('width' => 330,'height' => 195));?>
				</a>												
			</div>
			<div id="news_gallery_playlist">
				<div id="news">
					<h2>ข่าว You2Play Party</h2>
					<a href="http://search.you2play.com/news/?text=You2Play%20Party" target="_blank">
						<span class="font18">Bacardi Presents You2Play Party REVOLUCION!</span><br />
						<span class="font18">รวมพลเหล่าขบถทางดนตรี ฉีกกฏปาร์ตี้แบบเดิมๆ ...</span><br />
						<?php echo image_asset('home/you2playparty/news.jpg','',array('width' => 400,'height' => 200));?>
					</a>
				</div>
				<div id="gallery">
					<a href="http://gallery.you2play.com/party" target="_blank">
						<?php echo image_asset('home/you2playparty/gallery.jpg','',array('width' => 198,'height' => 272));?>
						<span class="icon_gallery"></span>
					</a>
				</div>
				<div id="playlist">
					<a href="<?php echo $playlist_url.'You2playParty';?>" target="_blank">
						<?php echo exec_image(array(
							'folder' => 'playlist',
							'dimension' => '290x130',
							'file_name' => '2f3566241e19ca2799cc6ac4f5abf4ce.jpg',
							'alt' => 'REVOLUCION',	
							'title' => 'REVOLUCION'	
							)
						);?>
					</a>
					<a href="<?php echo $playlist_url.'PorterRobinson';?>" target="_blank">
						<?php echo exec_image(array(
							'folder' => 'playlist',
							'dimension' => '290x130',
							'file_name' => '377d1f507cf1e699a3b56fb28045aab4.jpg',
							'alt' => 'REVOLUCION',	
							'title' => 'REVOLUCION'	
							)
						);?>
					</a>
				</div>
			</div>	
		</div>
	</div>
	<div id="footer">
		<div id="sponser">
		<?php echo image_asset('home/you2playparty/sponser01.png','',array('width' => 154,'height' => 58));?><!--
		--><?php echo image_asset('home/you2playparty/sponser02.png','',array('width' => 113,'height' => 58));?><!--
		--><?php echo image_asset('home/you2playparty/sponser03.png','',array('width' => 116,'height' => 58));?><!--
		--><?php echo image_asset('home/you2playparty/sponser04.png','',array('width' => 112,'height' => 58));?><!--
		--><?php echo image_asset('home/you2playparty/sponser05.png','',array('width' => 90,'height' => 58));?><!--
		--><?php echo image_asset('home/you2playparty/sponser06.png','',array('width' => 88,'height' => 58));?><!--
		--><?php echo image_asset('home/you2playparty/sponser07.png','',array('width' => 161,'height' => 58));?><!--
		--><?php echo image_asset('home/you2playparty/sponser08.png','',array('width' => 116,'height' => 58));?><!--
		--><?php echo image_asset('home/you2playparty/sponser09.png','',array('width' => 43,'height' => 58));?>
		</div>
	</div>
	<script type="text/javascript" language="javascript">
	    (function($) {
	        /*whatever jQuery stuff*/
	        $(function(){
				//JW player
				jwplayer("mediaPlayer").setup({
					autostart: true,
					repeat: true,
				    playlist: [
					{
				        image: "http://static.you2play.com/2013/assets/images/home/you2playparty/video3.jpg",
				        file: "http://static.you2play.com/2013/assets/images/home/you2playparty/video3.mp4",
				        title: "REVOLUCION!"
				    },{					
				        image: "http://static.you2play.com/2013/assets/images/../uploads/video/images/original/2480fc6481f7148a4a6bc6127cabbb3c.jpg",
				        file: "http://static.you2play.com/2013/assets/uploads/video/files/2013/09/17/37039bb8c67b40ac3666107738d00ff6.mp4",
				        title: "REVOLUCION!"
				    },{
				        image: "http://static.you2play.com/2013/assets/images/home/you2playparty/video1.jpg",
				        file: "http://static.you2play.com/2013/assets/images/home/you2playparty/video1.mp4",
				        title: "REVOLUCION!"
				    },{
				        image: "http://static.you2play.com/2013/assets/images/../uploads/video/images/original/df022ae80b4d197fdb9cf37d5cb20455.png",
				        file: "http://static.you2play.com/2013/assets/uploads/video/files/2013/08/09/8620a89294a78bf640d7cfd8fac77ac5.mp4",
				        title: "REVOLUCION!"
				    },{
				        image: "http://static.you2play.com/2013/assets/images/../uploads/video/images/original/9875ca95c76914e24eb2b4b8a594eec1.jpg",
				        file: "http://static.you2play.com/2013/assets/uploads/video/files/2013/06/10/f76de474dc4f5cb2fdf9d7a1da362e81.mp4",
				        title: "REVOLUCION!"
				    },{
				        image: "http://static.you2play.com/2013/assets/images/../uploads/video/images/original/68afff38cda0c22b2b32aeb3e163b95a.jpg",
				        file: "http://static.you2play.com/2013/assets/uploads/video/files/2013/06/17/e229cfae836768242906928c4595bf17.mp4",
				        title: "REVOLUCION!"
				    }
					],
	      			width: 360,
	      			height: 300
	    		});

				jwplayer().onPlay(function() {
					$('#video_slider').find('.slider_frame').removeClass('active');
					$('#video_slider').find('.slider_frame:eq('+jwplayer().getPlaylistIndex()+')').addClass('active');
				});	
				
				$('#video_slider a').each(function(key,items){
					$(this).click(function(){
						jwplayer().playlistItem(key);
						return false;
					});
				});
								
				//multipleElementsCycle
				$("#slider").multipleElementsCycle({
					scrollCount: 3,
					show: 3,
					start: 0
				});			
				
				//colorbox
				$('a[rel="gallery"]').colorbox();							
	        });
	    })(jQuery);
	</script>
  </body>
 </html>
<?php endif;?>